<template>
    <div>
        <el_svg_icon_index a-icon-name="el-icon-edit" :a-size="50"></el_svg_icon_index>
        <el_svg_icon_index a-icon-name="api" :a-size="50"></el_svg_icon_index>
        <span class="a">scss variable</span>
        <span class="b">scss variable</span>
    </div>
</template>
<script setup lang='ts'>
    ////#region defineXxx
    //defineOptions({
        //name:
    //});

    //const props=defineProps({
        //propA:{
            //type:String,
            //required:true
        //},
        //propB:{
            //type:Number,
            //default:1
        //},
        //propC:{
            //type:String as PropType<MyType>,
            //required:true
        //},
    //});

    //const emit = defineEmits<{
        //event1:[para1:number,para2:string],
        //event2:[para1:number,para2:string],
    //}>();
    ////#endregion
import el_svg_icon_index from './el_svg_icon_index.vue';

    
</script>
<style lang='scss' scoped>
// @import "@/styles/variables.scss"; //局部导入ok

$testColor:red;
.a{
    // color:$testColor;
    color:$menuText;
}
.b{
    color:$testColor;
}
</style>